@charset "UTF-8";

/* -------ここからheader-------- */


h2 {
  background-color: #F2F0DB;
  padding: 50px 0 208px 0;

}


/* -------ここまでheader-------- */



/* -------ここからアーティスト情報-------- */


.photo_01 {

  width: 295px;
  height: 354px;
  object-fit: cover;
  max-width: 295px;
  max-height: 354px;
}




.artist_text01 {
  line-height: 52px;
  margin-top: 63px;

}

.name {
  text-align: left;
  margin: auto;

}

.artistInfo {
  display: flex;
  background-color: #F2F0DB;
  height: 490px;
  gap: 80px;
  justify-content: center;
  padding-left: 150px;
}


/* ここまでアーティスト情報 */

/* ここからア-トとの出会い */
.artist_story {
  padding: 0 15%;
}

h3 {
  margin-top: 164px;
}

.artist_text02 {
  line-height: 40px;
  text-align: center;
  margin-bottom: 220px;
}

.onlyiPAD {
  display: none;
}


/* ここ動画*/
.movie {
  width: 100%;
  max-width: 480px;
  height: auto;
  margin-bottom: 140px;

}

.mv {
  text-align: center;
}




/* ここからギャラリー */


.artlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  padding: 0 10%;
  align-items: center;
}

figcaption {
  padding-top: 1.5em;
}

.artlist li {

  flex-basis: 42%;
  margin-bottom: 50px;
}

.photo_02 {
  width: 500px;

  /* height: 422px; */
  max-width: 100%;
  min-width: 300px;
  /* max-height: 100%; */

}

.photo_03 {
  width: 500px;
  max-width: 100%;
  min-width: 300px;
}

.photo_04 {
  width: 500px;
  max-width: 100%;
  min-width: 300px;
}

.photo_05 {
  width: 500px;
  max-width: 100%;
  min-width: 300px;
}

.lb-image {
  max-width: 80vw !important;
  max-height: 80vh !important;
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ここからギャラリーポップアップ */



/* ここからアチーブメント */

.artist_A {
  padding-top: 163px;

}

.artist_Achievement {
  background-color: #F2F0DB;
}

.artist_text03 p {
  border-bottom: 1px solid #000000;
  padding: 1.5em 2em;
}

.artist_text03 {
  padding-bottom: 234px;
  /* line-height: 71px; */
  max-width: 1135px;
  width: 80%;
  margin: 0 auto;
}

/* ここからクリックで拡大 */

.zoomIn img {
  transform: scale(1);
  transition: .3s ease-in-out;
  /*移り変わる速さを変更したい場合はこの数値を変更*/
}

.zoomIn a:hover img {
  /*hoverした時の変化*/
  transform: scale(1.05);
  /*拡大の値を変更したい場合はこの数値を変更*/
}

/*　画像のマスク　*/

.mask {
  display: block;
  line-height: 0;
  /*行の高さを0にする*/
  overflow: hidden;
  /*拡大してはみ出る要素を隠す*/
}


/* ここからショッピング */

/* .artist_shopping {
  padding: 0 15%;
} */

.goods {

  display: flex;
  flex-wrap: wrap;

  justify-content: space-around;
}

.goods li {
  flex-basis: 33%;
  margin-bottom: 50px;
  gap: 5px;
}

.item {

  margin-bottom: 150px;
  text-align: center;

}


.shop01 {
  width: 400px;
  max-width: 100%;
  min-width: 239px;
}


/* ---responsible design for iPad pro--- */
@media screen and (max-width: 1024px) {
  .artistInfo {
    gap: 50px;
    justify-content: center;
    padding-left: 0;
  }

  .onlyiPAD {
    display: block;
  }

  .artist_text03 {
    max-width: 700px;
    width: 90%;
  }

  /* .goods .li {
    flex-basis: 42%;


  } */


}

@media screen and (max-width: 375px) {

  /* --------------ここからアーティスト紹介---------------- */

  .name {
    font-size: 16px;
    text-align: center;

  }

  h2 {
    margin-bottom: -60px;
  }

  .artistInfo {
    height: 440px;
  }




  .artist_text01 {
    width: 243px;
    font-size: 14px;
    margin: 0 auto;
  }

  .artistInfo {
    display: block;

  }

  .profile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
  }

  .photo_01 {
    width: 120px;
    height: 160px;
  }

  .artist_name p,
  span {
    font-size: 12px;
  }

  /* --------------ここまでアーティスト紹介---------------- */

  /* ーーーーーーーーーーーーーここから動画ーーーーーーーーーーーーーーー */
  .movie {

    width: 335px;
    margin: 0;
  }

  /* 
  ------------ここからギャラリー--------------- */

  .artlist li {

    flex-basis: 42%;
    margin-bottom: 50px;
  }

  .photo_02 {



    max-width: 100%;
    min-width: 120px;


  }

  .photo_03 {
    max-width: 100%;
    min-width: 120px;
    ;
  }

  .photo_04 {
    max-width: 100%;
    min-width: 120px;
  }

  .photo_05 {
    max-width: 100%;
    min-width: 120px;
  }

  /* 
  ------------ここまでギャラリー--------------- */

  .artist_text03 {
    font-size: 14px;
    padding: 0 10px 0 10px;
  }

  .artist_Achievement {
    margin-bottom: 134px;

  }
}

/* ---responsible design for iPad pro--- */